
.reader-landing {
	margin: 0 20px;
}

.reader-landing__step-content {
	text-align: left;
	margin-top: 32px;
}

.reader-landing__button-wrapper {

	@include breakpoint( '>660px' ) {
		text-align: center;
	}
}

.reader-landing__button {
	width: 100%;

	@include breakpoint( '>660px' ) {
		width: inherit;
		text-align: center;
	}
}

.reader-landing__feature {
	margin-bottom: 30px;

	@include breakpoint( '>660px' ) {
		display: flex;
	}

	&.is-even {
		flex-direction: row-reverse;

		.reader-landing__feature-detail {
			@include breakpoint( '>660px' ) {
				padding-left: 0;
			}
		}

		.reader-landing__feature-image {
			@include breakpoint( '>660px' ) {
				margin-left: 25px;
				margin-right: 0;
			}
		}
	}
}

.reader-landing__feature-image,
.reader-landing__feature-detail {

	@include breakpoint( '>660px' ) {
		flex: 50%;
	}
}

.reader-landing__feature-image {
	border: 2px solid var( --color-neutral-10 );
	border-radius: 5px;
	width: 100%;

	@include breakpoint( '>660px' ) {
		align-self: center;
		margin: 0 25px 0 0;
		width: 48%;
	}
}

.reader-landing__feature-detail {
	margin-top: 10px;
}

.reader-landing__feature-heading {
	font-size: 1.2em;
	font-weight: bold;

	@include breakpoint( '>660px' ) {
		font-size: 1.6em;
	}
}

.reader-landing__feature-description {
	color: var( --color-neutral-50 );
	font-size: 1em;
	margin-top: 4px;

	@include breakpoint( '>660px' ) {
		margin-top: 10px;
		font-size: 1.1em;
	}
}
